import { IconProps } from '../../icon.types'

type Props = Omit<IconProps, 'name'>

const HomeIcon: React.FC<Props> = ({ width = '20', height = '21', onClick }) => (
  <svg
    width={width}
    height={height}
    viewBox="0 0 20 21"
    xmlns="http://www.w3.org/2000/svg"
    onClick={onClick}
  >
    <path
      d="M7.28192 19.1028V16.0359C7.2819 15.2588 7.91385 14.6274 8.69662 14.6225H11.5708C12.3571 14.6225 12.9945 15.2553 12.9945 16.0359V19.0939C12.9944 19.768 13.5422 20.3158 14.2211 20.3206H16.182C17.0978 20.323 17.9769 19.9635 18.6254 19.3214C19.2738 18.6793 19.6382 17.8074 19.6382 16.8982V8.18652C19.6382 7.45207 19.3103 6.75539 18.7428 6.28418L12.0812 0.994947C10.9167 0.0698012 9.25356 0.0996869 8.12357 1.06606L1.6052 6.28418C1.01092 6.7415 0.655736 7.44024 0.638184 8.18652V16.8893C0.638184 18.7844 2.18557 20.3206 4.09436 20.3206H6.01047C6.33736 20.323 6.65167 20.1958 6.88366 19.9671C7.11564 19.7385 7.24611 19.4273 7.2461 19.1028H7.28192Z"
      fill="currentColor"
    />
  </svg>
)

export default HomeIcon
